<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>02-son.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      body{
        /* background-color: yellow; */
      }
    </style>
  </head>
  <body class="abc">
    <!-- 子页面 -->
    <h1>02子页面</h1>
  </body>
  <script>
    // console.log(a);
      setTimeout(() => {
        location.href = './04-.html';
        // 不能在子页面中 来控制父页面的跳转 
        // 两个页面  
        // 父页面 父页面 window
        // 子页面 子页面 子页面的window对象
        
        // 找到当前的子页面的顶级 window对象 
        // window.top.location.href="./04-.html"
      }, 3000);
  </script>
</html>
